<!DOCTYPE html>
<html class="fullscreen content-align-left">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="shortcut icon" href="<wk:tplvar name='favico'/>" type="image/x-icon">
<link rel="apple-touch-icon" href="<wk:tplvar name='touchs'/>">
<link rel="apple-touch-icon" sizes="72x72" href="<wk:tplvar name='touchm'/>">
<link rel="apple-touch-icon" sizes="114x114" href="<wk:tplvar name='touchb'/>">
<title><wk:field name='typename'/>-<wk:tplvar name='wap_name'/></title>
<link rel="stylesheet" href="__THEME__/css/theme.css" type="text/css" media="all" />
<link rel="stylesheet" href="__THEME__/css/responsive.css" type="text/css" media="all" />
<link rel="stylesheet" href="__THEME__/css/custom.css" type="text/css" media="all" />
<script type="text/javascript" src="__THEME__/js/jquery.min.js"></script>
</head>
<body class="default-type">
	<header class="menu-left main_header short_header">
        <div class="header_wrapper">
            <a href="javascript:void(0)" class="header_toggler"></a>
            <div class="logo_wrapper">
                <a href="__ROOT__" class="logo"><img src="<wk:tplvar name='logo'/>" alt="" class="logo_def"><img src="<wk:tplvar name='rlogo'/>" alt="" class="logo_retina"></a>
            </div>
	       <wk:include filename='header.htm'/>            
            <div class="footer">
                <section class="socials">
                    <ul class="socials_list">
                       
                    </ul>
                </section>
                <section class="copyright">
                    <wk:global name="cfg_powerby"/> 
                </section>
            </div>
            <div class="clear"></div>
        </div>
    </header>
    
    <div class="fullscreen_block hided">
	    <div class="fs_blog_module is_masonry">
            <wk:arclist getall='1'>
            <?php 
                $id = $_field['id'];
                $sql = "SELECT * FROM `".C('DB_PREFIX')."addondiyinfo` WHERE `id`='$id'";
                $query = mysql_query($sql);
                while($row=mysql_fetch_array($query)){
                $topic = $row[topic];
                $body = $row[body];
                $simg  = $row[simg];
                $url = $row[url];
                $open  = $row[open];
                $img  = $row[img];
                $ywidth  = $row[ywidth];
                $yheight  = $row[yheight];
            };
            ?>
            <div class="blogpost_preview_fw">
                <div class="preview_wrapper">
                	<div class="featured_image_full blog_post_image">
                    	<img src="<?php echo $simg; ?>" alt="" class="fw_featured_image">
                    </div>
                    <div class="blogpost_fw_content">
                        <h6><a class="blogpost_title" href="<field name='arcurl' />?mode=wap"><field name='title' /></a></h6>
                        <div class="preview_meta">										
                            <span class="preview_meta_data"><field name='pubdate' function="date('Y-m-d',@me)" /></span>
                        </div>
                        <article class="contentarea">
                            <?php echo $topic; ?>
                        </article>
                    </div>
                </div>
            </div>
            </wk:arclist> 
    	</div>    	 
    </div>
    <div class="la-anim-11 la-animate preloader"></div>
    <script>
        jQuery(window).load(function () {
			"use strict";
			jQuery('.is_masonry').masonry();
			setTimeout("jQuery('.is_masonry').masonry();",1000);
        });
        jQuery(window).resize(function () {
			"use strict";
			jQuery('.is_masonry').masonry();
        });
		jQuery(document).ready(function($){
			"use strict";
            $('.is_masonry').masonry();
			if (jQuery('.pagline_toggler').size() > 0) {
				jQuery('html').addClass('hasPag');
			}			
			setTimeout(function(){
                var this_fw_line = jQuery('.fw_line');
                jQuery('.fullscreen_block').removeClass('hided');
				if (this_fw_line.size() > 0) this_fw_line.addClass('loaded');
			},2500);
			setTimeout("jQuery('.preloader').remove()",2700);
		});		
    </script>      
	<div class="custom_bg"></div>
	<script type="text/javascript" src="__THEME__/js/jquery-ui.min.js"></script>    
    <script type="text/javascript" src="__THEME__/js/modules.js"></script>
	<script type="text/javascript" src="__THEME__/js/theme.js"></script>
</body>
</html>